var mainPanel = Ext.extend(Ext.Viewport, {
	initComponent: function(){
		var config = {
				xtype : 'xmainPanel', 
				title : 'Company Manager',
				layout: 'border',
				items : [
				        {
							xtype : 'box',
							id    : 'header',
							region: 'north',
							html  : '<h1>Company Manager</h1>',
							height: 30
						},
						new treePanel(),
						new infoPanel()
				]
		}
		Ext.apply(this, Ext.apply(this.initialConfig, config));
		mainPanel.superclass.initComponent.call(this);
	},
	renderTo: Ext.getBody()
});

Ext.reg('xmainPanel', mainPanel);